
<h2>Dodaj nowy produkt:</h2>
<div style="padding: 5px; margin: 5px;">
			Kategoria: <strong style="color: #ff0000">{$kateg.skcNazwa}</strong>
			<br/><i>{$kateg.skcOpis}</i>			
</div>
<form action="{$smarty.const.HTTP_URL}{$page},Sklep,zapiszNowyProduktSklepu.html" enctype="multipart/form-data" method="post">
<input type="hidden" name="skcID" value="{$skcID}"/>
{literal}
<style type="text/css">
table.nowy_produkt_form td { background: #efefef; padding: 15px 1px; border-bottom:solid 1px  #fff; border-top:solid 1px  #aaa; }
table.nowy_produkt_form tr { border-bottom: solid 1px #fff; border-top: solid 1px  #aaa; }
table.nowy_produkt_form th {width: 60px; }
</style>
{/literal}

<table class="nowy_produkt_form" style="width:95%;">
	<tr>
		<th colspan="2">
			<input type="submit" value="Dodaj nowy produkt"/> <input type="button" value="Zrezygnuj" onclick="document.location='{$smarty.const.HTTP_URL}{$page},,wyswietl_produkty_dla_kategorii,{$skcID}.html';"/>
		</th>
	</tr>
	<tr id="phNazwa__" style="margin: 10px;">
		<th valign="top">
			Nazwa produktu:
		</th>
		<td style="padding-bottom: 10px;">
		<table style="padding: 1px; margin: 1px; width: 100% ">
		{foreach from=$smarty.const.LANGU|unserial key=k item=v}
			<tr><td><input type="text" name="skpNazwa[{$k}]" style="width:95%;" maxlength="250"/></td><td> [ {$k} ] {$v}</td></tr>
		{/foreach}
		</table>
		<div style="background: #dddfff; margin: 2px; padding: 2px; font-size: 10px; line-height: 9px;">
			proszę podać nazwę produktu dla poszczególnych wersji językowych.
		</div>
		</td>
	</tr>
	<tr id="phOpis__">
		<th>Opis produktu</th>
		<td>		
			<div id="langs-wpisy">
				<ul>
				{foreach from=$smarty.const.LANGU|unserial key=k item=v}
					<li><a href="#tabs-{$k}">[ {$k} ] {$v}</a></li>
				{/foreach}
				</ul>
				
				{foreach from=$smarty.const.LANGU|unserial key=k item=v}	
					<div id="tabs-{$k}">
						<textarea name="skpOpis[{$k}]" class="htmledytor" style="height: 300px; width: 90%;"></textarea>
					</div>
				{/foreach}
			</div>
		</td>
	</tr>	
	<tr>
		<th>Symbol:</th>
		<td>
			<input type="text" name="skpSymbol"/>
			<div style="background: #dddfff; margin: 2px; padding: 2px; font-size: 10px; line-height: 9px;">
			symbol elementu np.: symbol który podaje producent na opakowaniu produktu
			</div>
		</td>
	</tr>
	<tr>
		<th>Jednostka miary:</th>
		<td>
			<input type="text" name="skpJednMia"/>
		</td>
	</tr>	
	<tr>
		<th>Cena netto:</th>
		<td>
			<input type="text" name="skpCena"/>
			<select name="skpWaluta">
				<option selected="selected" value="PLN">PLN</option>
				<option value="EUR">EUR</option>
				<option value="USD">USD</option>
			</select>
			
			<div style="background: #dddfff; margin: 2px; padding: 2px; font-size: 10px; line-height: 9px;">
			cena za jedną sztukę. cenna netto do której zostanie naliczony podatek VAT
			</div>
		</td>
	</tr>
	<tr>
		<th>Cena promocyjna:</th>
		<td>
			<input type="checkbox" name="skpCzyPromocja" onclick="this.value = (this.checked)? 1 : 0;" value="0"/> Czy wyświetlać cenę promocyjną?<br/>
			<input type="text" name="skpCenaPromocyjna"/>			
			<select name="skpCzasPromocji">
				{section name=i start=0 loop=61}<option {if $smarty.section.i.index eq 0}selected="selected"{/if} value="{$smarty.section.i.index}">{$smarty.section.i.index} </option>{/section}
			</select> Dni
			<div style="background: #dddfff; margin: 2px; padding: 2px; font-size: 10px; line-height: 9px;">
			proszę zaznaczyć pole Checkbox jeśli na stronie mają zostać wyświetlone ceny promocyjne i jeśli produkt ma zostać sprzedany po cenie promocyjnej.
			</div>
		</td>
	</tr>
	<tr>
		<th>Stawka VAT:</th>
		<td>
			<select name="skpStawVat">
				<option selected="selected" value="22">22 %</option>
				<option value="07">7 %</option>
			</select>
			<div style="background: #dddfff; margin: 2px; padding: 2px; font-size: 10px; line-height: 9px;">
			stawka podatku VAT
			</div>
		</td>
	</tr>
	<tr>
		<th>Stan:</th>
		<td>
			<input type="text" name="skpStan"/>
			<div style="background: #dddfff; margin: 2px; padding: 2px; font-size: 10px; line-height: 9px;">
			ilość towaru jaka jest do sprzedania.
			</div>
		</td>
	</tr>
</table>

<table id="dodatkowe_informacje" style="width: 95%;">
	<tr>
		<th><input type="button" value=" + "/>  </th>
		<th style="width: 60px;">
			Nazwa opisu
		</th>
		<th>
			Opis produktu
		</th>
	</tr>
	
	<tr>
		<td width="5px"><input type="button" value=" - "/>  </td>
		<td>
			<input type="text" name="skpiInfoNazwa"/>
		</td>
		<td>
			<input type="text" name="skpiInfoOpis" style="width: 95%;"/>
		</td>
	</tr>
</table>


<table class="nowy_produkt_form" id="plikiJpg" style="width: 95%;">
	<!-- nie można dodawac tr -->
	<tr>
		<th>
			Zdjęcie:<br/>
			[jpg; jpeg]
		</th>
		<td>
			<input name="skpFile" type="file" style="width: 95%;"/>
		</td>
	</tr>
<!-- 	
	<tr>
		<th></th>
		<td>
			<input id="multiFiles__" type="checkbox" value="0"/> wczytaj jednocześnie kilka zdjęc bez opisu.
		</td>
	</tr>
 -->	
	<tr>
		<th colspan="2">
			<input type="submit" value="Dodaj nowy produkt"/> <input type="button" value="Zrezygnuj" onclick="document.location='{$smarty.const.HTTP_URL}{$page},,wyswietl_produkty_dla_kategorii,{$skcID}.html';"/>
		</th>
	</tr>
</table>
</form>

{literal}
<script type="text/javascript">
	$(function() {
		$("#langs-wpisy").tabs();
	});
 	
	$(document).ready(function(){
		// pliki jpg
		onChInput();	
		$("#multiFiles__").change( function() {	
			n = $(".phFiles__").length;
			n++;
			var fileInp = '<input type="file" name="phFile'+n+'" style="width: 95%;"/>';
			if ($("#multiFiles__").is(":checked")){
				if($("#plikiJpg tr:first td input").val() != "" ){
					$("#plikiJpg tr:first").clone(true).insertBefore("#plikiJpg tr:first");
					$("#plikiJpg tr:first").attr('class','phFiles__');
					$("#plikiJpg tr:first td").html(fileInp);	
					onChInput(fileInp);					
				}										
			}else{
				$(".phFiles__").remove();
			}
		});	

		// dodatkowe informacje
		
		
	});
	
			
	function onChInput(fileInp){
		$("input[type=file]").change( function() {
			n = $(".phFiles__").length;
			n++;
			var fileInp = '<input type="file" name="phFile'+n+'" style="width:95%;"/>';
			
			ext = ($(this).val());
			ext = ext.substring(ext.length-4,ext.length);
			ext = ext.toLowerCase();
			if(ext == 'jpeg' || ext == '.jpg') {
				if ($("#multiFiles__").is(":checked")){
					$("#plikiJpg tr:first").clone(true).insertBefore($("#plikiJpg tr:first"));
					$("#plikiJpg tr:first").attr('class','phFiles__');
					$("#plikiJpg tr:first td").html(fileInp);
					onChInput(fileInp);
				}
			}else{
			  $(this).replaceWith(fileInp);
			  onChInput(fileInp);
			  alert("Proszę wybrać plik typu JPG");
		  }
		});	
	}

</script>
{/literal}